<%@page import="DAO.DataAcessObject"%>
<%@page import="java.util.ArrayList"%>
<%@page import="beans.Pays"%>
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
body,td,th {
	color: #FFF;
}
body {
	background-image: url("img/body.jpg");
}
</style>
<script type="text/javascript">

function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {xhr = new ActiveXObject("Microsoft.XMLHTTP");
}}
else {
// XMLHttpRequest non supporté par le navigateur
alert("Le navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false; }
return xhr;
}
function go(){
var xhr=getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange=function(){
// si on a tout reçu et que le serveur est ok
if((xhr.readyState==4)&&(xhr.status==200)){
lesLivres=xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('livre').innerHTML=lesLivres;
}}// Ici on va voir comment faire une requête post
xhr.open("POST","Controleur?action=getPays",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// on récupère l'objet liste des auteurs

sel=document.getElementById("idAuteur");
idAuteur=sel.options[sel.selectedIndex].value;
xhr.send("idauteur="+idAuteur);
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="531" height="95" border="0" align="center">
    <tr>
      <td><img src="img/header1.jpg" width="558" height="78" /></td>
    </tr>
  </table>
  <table width="485" height="69" border="0" align="center">
    <tr>
      <td><p>&nbsp;</p>
        <p><strong>Pour revenir en bonne santé, Pensez à vous protéger. </strong></p>
      <p><strong>Veillez selectionner votre voyage ci-dissous !</strong></p></td>
    </tr>
  </table>
  <table width="570" height="212" border="0" align="center">
    <tr>
      <td> Continent sogoba salif:
          <label for="select"></label>
          <select name="select" id="id_Zone" onchange="go()">
            <option value="1 "> Choisir une zone</option>
              <c:forEach var="zone" items="${leszones}">
                 <option value="${zone.id_zone} ${zone.nom_Zone}"> </option>

              </c:forEach>
          </select>

      <p>
        Votre Pays :
          <label for="select2"></label>
          <select name="select2" id="id_Pays">
              <c:forEach var="pays" items="${lesPays}">
                  <option value="-1" > Choisir un pays </option>
                  <option value="${pays.idPays}" ${pays.nom}"></option>
              </c:forEach>
          </select>

      </p>

      <p>
         <input type="submit" name="button" id="button" value="Envoyer" />
      </p></td>
    </tr>
  </table>
  <table width="590" height="59" border="0" align="center">
    <tr>
      <td bgcolor="#8C3A08"><p><em><strong> MASTER MIAGE - PROJET XML 2011</strong></em><strong>- </strong></p>
      <p><strong>SALIF SOGOBA - CHRISTOPHER DASILVA - SERIGNE ABDOU BA</strong></p></td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</form>
</body>
</html>